<template>
	<div
		class="min-h-15 flex items-center px-4 text-white border-b border-border-1"
		style="background: linear-gradient(180deg, #0b1462 0%, #1b2538 100%)">
		<base-icon name="discover2" class="text-[20px]"></base-icon>
		<div class="ml-2 app-font-bold">{{ $t('activity.title') }}</div>
		<div class="flex-1"></div>
		<base-icon name="close" class="text-[20px]" @click="onClose"></base-icon>
	</div>
</template>

<script lang="ts" setup>
import { BaseIcon } from '@/components/base'
import { useLayoutStore } from '@/store'

const layoutStore = useLayoutStore()

const onClose = () => layoutStore.setSidebar('')
</script>
